<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>XX-比赛报名系统</title>
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap-widget.css" rel="stylesheet">
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/libs/vue/vue.min.js"></script>
    <script src="__PUBLIC__/libs/layer/layer.js"></script>
    <style>
        * {
            font: 14px/1.5 "microsoft yahei", Helvetica, Tahoma, Arial, sans-serif;
        }

        a {
            color: #000;
        }

        .zj-ui-nav {
            border-radius: 0px;
            border: 0px;
            background-color: rgba(57, 61, 73, 0.89);
            box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.6);
        }

        .zj-ui-nav .zj-ui-menu .zj-ui-menu-title, .zj-ui-nav .dropdown .zj-ui-menu-title, .zj-ui-nav .open .zj-ui-menu-title {
            transition: all .2s;
            min-width: 100px;
            text-align: center;
            font-size: 15px;
            color: #ddd;
        }

        .zj-ui-nav .zj-ui-menu .zj-ui-menu-title:hover, .zj-ui-nav .zj-ui-menu .zj-ui-menu-title:focus, .zj-ui-nav .dropdown .zj-ui-menu-title:hover, .zj-ui-nav .dropdown .zj-ui-menu-title:focus, .zj-ui-nav .open .zj-ui-menu-title:hover, .zj-ui-nav .open .zj-ui-menu-title:focus {
            background-color: #6c7484;
            color: #fff;
        }

        .zj-ui-nav .zj-ui-menu-child {
            border-radius: 0;
            background-color: #6c7484;
            box-shadow: 3px 3px 2px #4f5463;
            border: 0;
            padding: 0;
        }

        .zj-ui-nav .zj-ui-menu-child li a {
            padding: 1em 2em;
            color: #fff;
        }

        .zj-ui-nav .zj-ui-menu-child li a:hover, .zj-ui-nav .zj-ui-menu-child li a:focus {
            color: #fff;
            background-color: #393D49;
        }

        .zj-ui-nav .zj-ui-menu-child li:last-child a {
            border-bottom: 0;
        }

        .main-body {
            min-height: 1000px;
            margin-top: 60px;
        }

        .footer {
            min-height: 100px;
            background: #232632 no-repeat 5% center;
            border-top: 1px solid #5e5e5e;
            padding: 20px;
            color: #fff;
        }

        .navbar-toggle {
            color: #000;
            background: #fff;
            margin-right: 20px;
        }

        .navbar-toggle .icon-bar {
            background-color: #000;
            color: #000;
        }

        .widget-body {
            min-height: 200px;
        }
    </style>
</head>
<body>
<nav class="navbar zj-ui-nav navbar-fixed-top" role="navigation" id="zj-nav-app">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="__ROOT__/" style="color: #fff">舞蹈报名系统</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle zj-ui-menu-title" data-toggle="dropdown">公告中心 <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu zj-ui-menu-child" role="menu">

                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle zj-ui-menu-title" data-toggle="dropdown">认证中心 <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu zj-ui-menu-child" role="menu">
                        <eq name="_user.u_type" value="1">
                            <li><a href="{:U('User/do_auth')}">个人认证</a></li>
                        </eq>
                        <eq name="_user.u_type" value="0">
                            <li><a href="{:U('User/do_auth')}">机构认证</a></li>
                        </eq>
                        <eq name="_user.u_type" value="2">
                            <li><a href="{:U('User/do_auth')}">实名认证</a></li>
                        </eq>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle zj-ui-menu-title" data-toggle="dropdown">我的赛事 <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu zj-ui-menu-child" role="menu">
                        <li><a href="{:U('project/my_project')}">我的赛事</a></li>
                        <li><a href="{:U('User/my_grade')}">成绩查询</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle zj-ui-menu-title" data-toggle="dropdown">比赛中心 <span
                            class="caret"></span></a>
                    <ul class="dropdown-menu zj-ui-menu-child" role="menu">
                        <li><a href="{:U('manage/manage')}">全部比赛 (<span v-text="project_count.t_count"></span>)</a></li>
                        <li><a href="{:U('manage/manage?status=1')}">报名进行中 (<span v-text="project_count.b_count"></span>)</a>
                        </li>
                        <li><a href="{:U('manage/manage?status=2')}">未开始 (<span
                                v-text="project_count.w_count"></span>)</a></li>
                        <li><a href="{:U('manage/manage?status=3')}">报名结束 (<span
                                v-text="project_count.e_count"></span>)</a></li>
                    </ul>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle zj-ui-menu-title" data-toggle="dropdown">欢迎您，会员 {$_user.u_name}
                        <span
                                class="caret"></span></a>
                    <ul class="dropdown-menu zj-ui-menu-child" role="menu">
                        <li><a href="{:U('User/team')}">代表队资料</a></li>
                        <li><a href="{:U('User/reset_pwd')}">修改密码</a></li>
                        <li class="divider"></li>
                        <li><a href="{:U('public/logout')}">注销系统</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<div class="container main-body">
    <div class="row">
        <block name="body">

        </block>
    </div>
</div>
<footer class="footer">
    <div class="row text-center"></div>
    <div class="row text-center">
        XX科技舞蹈工作室 版权所有
    </div>
</footer>
<script>

    var zjNavApp = new Vue({
        el: '#zj-nav-app',
        data: {project_count: {t_count: 0, b_count: 0, w_count: 0, e_count: 0}, isLoading: true},
        mounted: function () {
            this.initData();
        },
        methods: {
            initData: function () {
                $.post("{:U('service/getProjectTotalData')}", {}, function (ret) {
                    //_self.$data.project_count = ret.data;
                    zjNavApp.$data.project_count = ret.data;
                });
            }
        }
    });

</script>
</body>
</html>


